import React,{Component} from 'react';
import {Platform, StyleSheet,ScrollView,Text, View,TouchableOpacity, Alert,Image } from 'react-native';

export default class attendance extends Component{
    static navigationOptions = {
        headerStyle:{
            backgroundColor:'#d04542',
            height:50,
        },
        headerTintColor:'white',
    };
	render(){
		const { navigation } = this.props;
		return(
		    <ScrollView style={styles.ScrollView}>
		        <View style={styles.container}>
		        	<Text style={styles.titles}>第二步:确认订单</Text>
		        	<Text style={styles.level}>费用名称:<Text style={styles.data}>确认订单</Text></Text>
		        	<Text style={styles.level}>缴  费 期:<Text style={styles.data}>确认订单</Text></Text>
		        	<Text style={styles.level}>金       额:<Text style={styles.data}>确认订单</Text></Text>
		        	<Text style={styles.level}>缴费单号:<Text style={styles.data}>确认订单</Text></Text>
		        </View>
		        <View style={{padding:10,marginTop:20,}}>
			        <TouchableOpacity style={{height:40}}
			        	onPress={()=>{ 
							navigation.navigate("paymentMethod")
						}}
			        >
			      		<Text style={styles.btn}>下一步</Text>
			    	</TouchableOpacity>
		    	</View>
         	</ScrollView>
		);
	}
}
const styles = StyleSheet.create({
	btn:{
	  	width:"100%",backgroundColor:'#D04542',borderRadius:2,
	  	lineHeight: 40 ,color: 'white',textAlign: 'center',
	},
	
	ScrollView:{
		backgroundColor:"#F2F2F2",
	},
	container:{
		height: 200,margin:10,backgroundColor: "#F2F2F2",
	},
	titles:{
		height: 45,borderBottomWidth:1,borderBottomColor: "#D4D4D4",
		textAlign: 'center',fontSize: 18,lineHeight: 45 ,
	},
	level:{
		height: 45,borderBottomWidth:1,borderBottomColor: "#D4D4D4",
		fontSize: 17,lineHeight: 45 ,
	},
	data:{
		fontSize: 16,color:'#9B9B9B',
	},
});
